<%@ page language="java" pageEncoding="UTF-8" %>
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>跬步</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="google" content="notranslate">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta name="theme-color" content="#3baa24">
    <link rel="icon" sizes="192x192" href="http://img.kuibutech.com/kbApp_fixedImage/favcion.jpg">
    <meta name="keywords"
          content="跬步,大学生,信息,资讯,大学生圈,社交,话题">
    <meta name="description" content="大学，用跬步 ！90后视角的价值资讯，毫无违和感的热门话题，打造专属大学生的资讯APP">

    <link rel="stylesheet" href="http://www.kuibutech.com/kuibuversion1/css/wandoujia.css">
    <link rel="stylesheet" type="text/css" href="http://www.kuibutech.com/kuibuversion1/css/sweetalert.css">
    <script src="http://www.kuibutech.com/kuibuversion1/js/sweetalert.min.js"></script>
    <script src="http://www.kuibutech.com/kuibuversion1/js/matchDevice.js"></script>
</head>

<script>
    function iosDownload() {
        if (is_weixn()) {
            swal({
                title: "",
                text: "链接打不开? 点击右上角选择<br/><img width='30px' height='15px' src='http://img.kuibutech.com/kbApp_fixedImage/wxopensafari.png'><span style=\"color:red\">\"在Safari中打开\"<span>",
                html: true,
                allowOutsideClick: true,
                showConfirmButton: false
            });
            event.stopImmediatePropagation();
        } else {
            window.open('https://itunes.apple.com/us/app/id1019254614');
        }

    }

    function androidDownload() {
        if (is_weixn()) {
            swal({
                title: "",
                text: "链接打不开? 点击右上角选择<br/><img width='30px' height='15px' src='http://img.kuibutech.com/kbApp_fixedImage/wxopensafari.png'><span style=\"color:red\">\"在浏览器中打开\"<span>",
                html: true,
                allowOutsideClick: true,
                showConfirmButton: false
            });
            event.stopImmediatePropagation();
        } else {
            window.open('http://www.kuibutech.com/market/kuibu/apk/KuiBu.apk');
        }

    }

    function is_weixn() {
        var ua = navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
            return true;
        } else {
            return false;
        }
    }


</script>

<body>
<div class="section top" id="home-hero">
    <div class="container">
        <div id="herp-wrap">

            <!--应用介绍-->
            <div id="info">
                <div class="icon"><img src="http://img.kuibutech.com/kbApp_fixedImage/logo.png"></div>
                <h1>跬 步</h1>

                <p class="description">上大学，用跬步 ！未来最具影响力的大学价值分享社区！大学生视角的价值资讯，公益领跑的价值活动，大学教授，知乎大V强力进驻分享感悟，就等你来Follow！
                </p>

                <div class="action">
                    <button class="button ios-install r-btn-download "
                            onclick=redirect()><i></i>安装 iOS 版
                    </button>
                    <button class="button android-install r-btn-download "
                            onclick=redirect()><i></i>安装
                        Android 版
                    </button>
                </div>
            </div>


            <!--这里是应用的大图-->
            <div id="screenshot"></div>
        </div>
    </div>
</div>


<div class="section gray" id="feature-list">
    <div class="container">

        <ul class="cont">
            <li>
                <div class="thumbnail illustration-1"></div>
                <div class="inner"><h2>价值资讯</h2>

                    <p>2200+信息源，我们用心精选，联合大学教授、兴趣达人共同推荐，四大分类满足不同胃口。
                        学科前沿为你打开视界；能力提升让你技能满满；职业规划助你前程无忧；兴趣娱乐带你猎奇畅游！
                    </p></div>
            </li>
            <li class="align-right">
                <div class="thumbnail illustration-2"></div>
                <div class="inner"><h2>价值话题</h2>

                    <p>话题板块全新来袭！
                        想和知乎大V碰撞思想吗？
                        想与专家教授共探真理吗？
                        想同大神学霸互动交流吗？
                        这里有全国各大高校优秀人才，只等你来！
                    </p></div>
            </li>
            <li>
                <div class="thumbnail illustration-3"></div>
                <div class="inner"><h2>价值活动</h2>

                    <p>想让运动更有价值吗？
                        想让声音更具力量吗？
                        这里有风靡全国千所高校的‘跬步公益跑’，
                        这里有专属青年人的“发声平台”。
                        让运动传递爱心，用声音锻造信念！
                    </p></div>
            </li>
            <li class="align-right support-ipad">
                <div class="thumbnail illustration-4"></div>
                <div class="inner"><h2>干掉迷茫</h2>

                    <p>上跬步！学套路！让我们一起干掉迷茫！</p></div>
            </li>
        </ul>
    </div>
</div>


<div id="ending">
    <div class="container">
        <div class="icon"><img src="http://img.kuibutech.com/kbApp_fixedImage/logo.png"></div>
        <div class="info">
            <div class="inner">
                <div class="title">跬 步</div>
                <div class="description">陪你走好大学的每一步</div>
            </div>
            <div class="action">
                <button class="button ios-install r-btn-download"
                        onclick=redirect()><i></i>安装 iOS 版
                </button>
                <button class="button android-install r-btn-download"
                        onclick=redirect()><i></i>安装 Android 版
                </button>
            </div>
        </div>
    </div>
</div>
<script src="http://www.kuibutech.com/kuibuversion1/js/wandou2.js"></script>

</body>

<script>
    var loadIframe = null;
    function createIframe() {
        var iframe = document.createElement("iframe");
        iframe.style.cssText = "display:none;width:0px;height:0px;";
        document.body.appendChild(iframe);
        loadIframe = iframe;
    }

    function is_weixn() {
        var ua = navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == "micromessenger") {
            return true;
        } else {
            return false;
        }
    }

    function redirect() {
        createIframe();

        if (is_weixn()) {
            swal({
                title: "",
                text: "链接打不开? 点击右上角选择<br/><img style='width: 30px;height: 15px;margin-left: 40%;' src='http://img.kuibutech.com/kbApp_fixedImage/wxopensafari.png'><span style=\"color:red\">\"在浏览器中打开\"<span>",
                html: true,
                allowOutsideClick: true,
                showConfirmButton: false
            });
            this.stopImmediatePropagation();
        }

        loadIframe.src = "kuibu://";
        var t = Date.now();
        setTimeout(function () {
            if (Date.now() - t < 1600) {
                if (browserRedirect() == 0) {
                    location.href = "http://www.kuibutech.com/kuibuversion1/version1_3/download/0/${platform}";
                } else if (browserRedirect() == 1) {
                    location.href = "http://www.kuibutech.com/kuibuversion1/version1_3/download/1/${platform}";
                } else {
                    location.href = "http://www.kuibutech.com";
                }
            }
        }, 500)
    }
</script>

</html>
